<!--demo0418.html-->
<!DOCTYPE HTML>
<head>
<meta charset="UTF-8">
<title>20231107131+陈哲+上机报告7</title>
<style>
	header,footer{
		margin:0 auto;					/*��width���ʵ��ˮƽ����*/
		width:80%;
		border: 1px dashed #FF0000; 	/*���ӱ߿�*/
	 } 
	div#container{
		margin:0 auto;
		
		width:80%;

	}
	
	#left,#main,#right{
		border:1px solid #0066FF;		/*���ӱ߿�*/
	
	}
	
	#left{
		-webkit-box-ordinal-group:1;
	 	width:200px;	
		}
	#main{
		-webkit-box-flex:1;
		-webkit-box-ordinal-group:2;
		}
	#right{
		-webkit-box-ordinal-group:3;
	 	width:160px;	
	}
</style>
</head>

<body>
	<header>header</header>
    <div id="container">
        <div id="left">id="left"</div>
        <div id="main">id="main"</div>
        <div id="right">id="right"</div>
    </div>
    <footer>footer</footer>

</body>
</html>
